import React from 'react'
import Area from './Area';
import './css/infodetail.css'
import Mytab from './Mytab';
class InforDetail extends React.Component {
    constructor(props) {
        super(props)
        this.state = {

        }
    }
    render() {
        const info = this.props.location.educationinfo
        return (
            <div>
                <div className='position'>
                    <Area />
                </div>
                <div className='detail-top'>
                    {
                        info.state == 1
                            ? <div className='detail-appointment'>已预约</div>
                            : <div className='detail-appointment'>可预约</div>
                    }
                    <div>
                        <div className='infoNo'>信息编号：{info.id}</div>
                        <div className='detail-area'>区域：{info.area}</div>
                        <div className='detail-sex'>性别：{info.sex}</div>
                        <div className='detail-grade'>年级：{info.grade}</div>
                        <div className='detail-subject'>科目：{info.teacherSubject}</div>
                        <div className='class-fee'>课时费：{info.teacherPrice}</div>
                        <div className='class-time'>
                            授课时间：
                            <div className='time-content'>{info.createTime}</div>
                        </div>
                        <div className='class-time'>
                            孩子情况及老师要求：
                            <div className='time-content'>
                                {info.teacherSexRequire}{info.teacherSchoolRequire}{info.teacherSubjectRequire}
                            </div>
                        </div>
                        <div>不成功及退费说明：</div>
                        <div>1</div>
                        <div>1</div>
                        
                    </div>
                </div>

                <div className='detail-bottom'>
                    <div>信息费：150</div>
                    <div className='order' onClick={()=>{this.props.history.push('/dialog')}}>聊天</div>
                    <div className='read'>
                        <input type='checkbox' name='accept' value='accept' />
                        已阅读退费声明
                    </div>
                    <div>头像发单用户昵称好评率</div>
                </div>
                <div className='bottom'></div>
                <Mytab />
            </div>
        )
    }

}

export default InforDetail
